<template>
    <div>
        <ul class="-mob-share-list">
            <li class="-mob-share-weixin">分享给微信好友</li>
            <li class="-mob-share-moments">分享到微信朋友圈</li>
            <li class="-mob-share-qq">分享给QQ好友</li>
            <li class="-mob-share-qzone">分享到空间</li>
            <li class="-mob-share-weibo">分享到微博</li>
            <li @click="cancelShare" class="cancel">取消</li>
            <div class="-mob-share-ui-bg"></div>
        </ul>
         <div id="share"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        cancelShare:function() {
            console.log('aaa')
            this.$emit('canShare')
        }
    },
    mounted() {
    var share = document.getElementById("share");
   // console.log(share);
    var scr = document.createElement("script");
    scr.id = "-mob-share";
    scr.src =
      "http://f1.webshare.mob.com/code/mob-share.js?appkey=8c495844fb260730f6d3bf54abbc536f";
    share.appendChild(scr);
  }

}
</script>

<style scoped>
ul{
    width: 100vw;
}
li{
    width: 100vw;
    height: 10vw;
    color: #09bb07;
    line-height: 10vw;
}
.cancel{
    color: gray;
}
</style>
